<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>文字→图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/index.css"></link>
<link rel="stylesheet" type="text/css" href="module/uploadify/uploadify.css"></link>
<link rel="stylesheet" type="text/css" href="module/jcrop/css/jquery.Jcrop.min.css"></link>
<link rel="stylesheet" type="text/css" href="module/artDialog/skins/aero.css"></link>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div id="guide">
	<ul>
		<li class="step1">上传图片</li>
		<li class="step2">裁剪</li>
		<li class="step3">设置关键字</li>
		<li class="step4">下载图片</li>
	</ul>
</div>
<div id="uploadDiv">
	<div id="fileQueue"></div>
	<div>
		<input type="file" name="uploadify" id="uploadify" />
	</div>
</div>

<div id="dialog">I'm sorry，Your browser doesn't support html5, Please try it again with other browser!</div>

<div id="cropDiv">
	<div class="btns">
		<input type="button" id="cropBtn" value="裁剪选中区域" />
		<input type="button" id="nextStep" value="不裁剪，跳过这一步" />
		<input type="hidden" id="x" />
		<input type="hidden" id="y" />
		<input type="hidden" id="w" />
		<input type="hidden" id="h" />
	</div>
</div>

<div id="setWordDiv">
	<input type="text" id="word" maxlength="1" />
	<br />
	<input type="button" value="那很简单" id="confirmBtn" />
</div>

<div id="showResultImg">
	<canvas id="canvas"></canvas>
	<img id="resultImg" />
	<img src="img/loading.gif" id="loading" />
</div>

</body>
</html>